var lineChart = {
    chart: {
        type: 'spline',
        height: 330,
        zoomType: 'x',
        plotBorderWidth: 1,
        events: {
            load: function(){}
        }
    },
    title: {
        text: ""
    },
    xAxis: {
        type: 'datetime',
        tickPixelInterval: 100
    },
    yAxis: {
        min: 0,
        title: {
            text: ""
        },
        plotLines: [
            {
                value: 0,
                width: 1,
                color: '#808080'
            }
        ]
    },
    plotOptions: {
        spline: {
            lineWidth: 1.8,
            fillOpacity: 0.1,
            marker: {
                enable: false,
                radius: 0
            }}
    },
    tooltip: {
        formatter: function () {
            return '<b>' + this.series.name + '</b><br/>' +
                Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
                Highcharts.numberFormat(this.y, 2);
        }
    },
    legend: {
        enabled: false
    },
    exporting: {
        enabled: false
    },
    legend: {
        enable: true
    },
    series: []
}

var areaChart = {
    chart: {
        type: 'area',
        height: 330,
        events: {
            load: function(){}
        }
    },
    title: {
        text: ''
    },
    xAxis: {
        type: 'datetime',
        tickPixelInterval: 100
    },
    yAxis: {
        title: {
            text: ''
        }
    },
    tooltip: {
        formatter: function () {
            return '<b>' + this.series.name + '</b><br/>' +
                Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
                Highcharts.numberFormat(this.y, 2);
        }
    },
    plotOptions: {
        area: {
            pointStart: 1940,
            marker: {
                enabled: false,
                symbol: 'circle',
                radius: 2,
                states: {
                    hover: {
                        enabled: true
                    }
                }
            }
        }
    }
}

var columnChart = {
	    chart: {
	        type: 'column',
	        height: 330,
	        zoomType: 'x',
	        plotBorderWidth: 1,
	        events: {
	            load: function(){}
	        }
	    },
	    title: {
	        text: ""
	    },
	    xAxis: {
	        type: 'datetime',
	        tickPixelInterval: 100
	    },
	    yAxis: {
	        min: 0,
	        title: {
	            text: ""
	        },
	        plotLines: [
	            {
	                value: 0,
	                width: 1,
	                color: '#808080'
	            }
	        ]
	    },
	    plotOptions: {
	        spline: {
	            lineWidth: 1.8,
	            fillOpacity: 0.1,
	            marker: {
	                enable: false,
	                radius: 0
	            }}
	    },
	    tooltip: {
	        formatter: function () {
	            return '<b>' + this.series.name + '</b><br/>' +
	                Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '<br/>' +
	                Highcharts.numberFormat(this.y, 2);
	        }
	    },
	    legend: {
	        enabled: false
	    },
	    exporting: {
	        enabled: false
	    },
	    series: []
	}


var pieChart = {
    chart: {
    	height: 330,
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
    },
    title: {
        text: 'Redis 版本统计'
    },
    tooltip: {
	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                color: '#000000',
                connectorColor: '#000000',
                format: '{point.percentage:.1f} %'
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Browser share',
        data: []
    }]
}